作者:落渊绝夜 | 来源:互联网 | 2023-06-30 20:19
1,下面是一个播放视频的最简单样例
(controls属性告诉浏览器要有基本播放控件)
>video>
7,浏览器兼容,如何让每一个浏览器都能顺利播放视频
现在大部分浏览器都能支持H.264格式的视频,但Opera浏览器却一直不支持。我们需要通过后备措施保证每个人都能看到视频,通常有下面几种方案:
(1)使用多种视频格式
和
元素有个内置的格式后备系统。我们不使用src属性,而是在其内部嵌套一组
元素,浏览器会选择播放第一个它所支持的文件。
我们可以添加WebM格式的视频提供对Opera的支持。
(2)添加Flash后备措施(推荐)
上面那个方法不推荐,应为Opera浏览器只占不到1%的份额。特意为它把视频都转码一边太费事。使用Flash作为备用播放方案还是很方便的,同时Flash还能兼容IE8这种连
元素都不支持的老浏览器。
这里使用Flowplayer Flash作为备用播放器(本地下载 :flowplayer-3.2.18.zip)
(3)也有人优先使用Flash,而HTML5作为后备措施。
这么做是因为Flash普及率比较高,而HTML5作为后备可以扩展iPad和iPhone用户
<object id="flowplayer" hljs-string">"400" hljs-string">"300"
data="flowplayer-3.2.18.swf"
type="application/x-shockwave-flash">
"movie" value="flowplayer-3.2.18.swf">
"flashvars" value='cOnfig={"clip":"hangge.mp4"}'>
object>